﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />   
    <!-- Bootstrap -->
    <link href="~/Content/admin/themes/bootstrap.min.css" rel="stylesheet" />
    <!-- icheck -->
    <link href="~/Content/admin/themes/plugins/icheck/all.css" rel="stylesheet" />
    <!-- Theme CSS -->
    <link href="~/Content/admin/themes/style.css" rel="stylesheet" />
    <!-- Color CSS -->
    <link href="~/Content/admin/themes/themes.css" rel="stylesheet" />
    <!-- jQuery -->
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <!-- Nice Scroll -->
    <script src="~/Scripts/admin/themes/plugins/nicescroll/jquery.nicescroll.min.js"></script>
    <!-- Validation -->
    @*<script src="~/Scripts/admin/themes/plugins/validation/additional-methods.min.js"></script>*@
    @*<script src="~/Scripts/admin/themes/plugins/validation/jquery.validate.min.js"></script>*@
    <script src="~/Scripts/jquery.validate.js"></script>
    <!-- icheck -->
   
    <script src="~/Scripts/admin/themes/plugins/icheck/jquery.icheck.min.js"></script>
    <!-- Bootstrap -->
    <script src="~/Scripts/admin/themes/bootstrap.min.js"></script>
    <script src="~/Scripts/admin/themes/eakroko.js"></script>
    <!--[if lte IE 9]>
        <script src="js/plugins/placeholder/jquery.placeholder.min.js"></script>
        <script>
            $(document).ready(function() {
                $('input, textarea').placeholder();
            });
        </script>
    <![endif]-->
    <!-- Favicon -->
    <link rel="shortcut icon" href="img/favicon.ico" />
    <!-- Apple devices Homescreen icon -->
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
    <title>@ViewBag.Title</title>
</head>
<body data-layout-sidebar="fixed" data-layout-topbar="fixed">
    <div id="navigation">
        <div class="container-fluid">
            <a href="#" id="brand">Lab Admin</a>
            <a href="#" class="toggle-nav" rel="tooltip" data-placement="bottom" title="Toggle navigation">
                <i class="fa fa-bars"></i>
            </a>
            <ul class='main-nav'>
                <li>
                    <a href="/adminconsole/dashboard/">
                        <span>Dashboard</span>
                    </a>
                </li>
                <li>
                    <a href="#" data-toggle="dropdown" class='dropdown-toggle'>
                        <span>Catalog</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>                           
                            @Html.ActionLink("Lab Categories", "Index", "Categories")
                        </li>
                        <li>
                            @Html.ActionLink("Labs", "Index", "Labs")
                        </li>                        
                    </ul>
                </li>
                <li>
                    <a href="#" data-toggle="dropdown" class='dropdown-toggle'>
                        <span>Plans</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="components-timeline.html">Prising Plans</a>
                        </li>                       
                    </ul>
                </li>
                <li>
                    <a href="#" data-toggle="dropdown" class='dropdown-toggle'>
                        <span>Customers</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>                           
                            @Html.ActionLink("Organization", "Index", "Org")
                        </li>
                        <li>
                            <a href="tables-basic.html">Users</a>
                        </li>
                        <li>
                            <a href="tables-dynamic.html">Subscriptions</a>
                        </li>                       
                    </ul>
                </li>
                @*<li>
                    <a href="#" data-toggle="dropdown" class='dropdown-toggle'>
                        <span>Plugins</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="plugins-charts.html">Charts</a>
                        </li>
                        <li>
                            <a href="plugins-calendar.html">Calendar</a>
                        </li>
                        <li>
                            <a href="plugins-filemanager.html">File manager</a>
                        </li>
                        <li>
                            <a href="plugins-filetrees.html">File trees</a>
                        </li>
                        <li>
                            <a href="plugins-elements.html">Editable elements</a>
                        </li>
                        <li>
                            <a href="plugins-maps.html">Maps</a>
                        </li>
                        <li>
                            <a href="plugins-dragdrop.html">Drag &amp; Drop widgets</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#" data-toggle="dropdown" class='dropdown-toggle'>
                        <span>Pages</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="more-error.html">Error pages</a>
                        </li>
                        <li class='dropdown-submenu'>
                            <a href="#" data-toggle="dropdown" class='dropdown-toggle'>Shop</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="more-shop-list.html">List view</a>
                                </li>
                                <li>
                                    <a href="more-shop-product.html">Product view</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="more-pricing.html">Pricing tables</a>
                        </li>
                        <li>
                            <a href="more-faq.html">FAQ</a>
                        </li>
                        <li>
                            <a href="more-invoice.html">Invoice</a>
                        </li>
                        <li>
                            <a href="more-userprofile.html">User profile</a>
                        </li>
                        <li>
                            <a href="more-searchresults.html">Search results</a>
                        </li>
                        <li>
                            <a href="more-login.html">Login</a>
                        </li>
                        <li>
                            <a href="more-locked.html">Lock screen</a>
                        </li>
                        <li>
                            <a href="more-email.html">Email templates</a>
                        </li>
                        <li>
                            <a href="more-blank.html">Blank page</a>
                        </li>
                        <li class='dropdown-submenu'>
                            <a href="#" data-toggle="dropdown" class='dropdown-toggle'>Blog</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="more-blog-list.html">List big image</a>
                                </li>
                                <li>
                                    <a href="more-blog-list-small.html">List small image</a>
                                </li>
                                <li>
                                    <a href="more-blog-post.html">Post</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class='active'>
                    <a href="#" data-toggle="dropdown" class='dropdown-toggle'>
                        <span>Layouts</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="layouts-sidebar-hidden.html">Default hidden sidebar</a>
                        </li>
                        <li>
                            <a href="layouts-sidebar-right.html">Sidebar right side</a>
                        </li>
                        <li>
                            <a href="layouts-color.html">Different default color</a>
                        </li>
                        <li>
                            <a href="layouts-fixed.html">Fixed layout</a>
                        </li>
                        <li class='active'>
                            <a href="layouts-fixed-topside.html">Fixed topbar and sidebar</a>
                        </li>
                        <li class='dropdown-submenu'>
                            <a href="#">Mobile sidebar</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="layouts-mobile-slide.html">Slide</a>
                                </li>
                                <li>
                                    <a href="layouts-mobile-button.html">Button</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="layouts-footer.html">Footer</a>
                        </li>
                    </ul>
                </li>*@
            </ul>
            <div class="user">
                <ul class="icon-nav">
                    <li class='dropdown'>
                        <a href="#" class='dropdown-toggle' data-toggle="dropdown">
                            <i class="fa fa-envelope"></i>
                            <span class="label label-lightred">4</span>
                        </a>
                        <ul class="dropdown-menu pull-right message-ul">
                            <li>
                                <a href="#">
                                    <img src="img/demo/user-1.jpg" alt="">
                                    <div class="details">
                                        <div class="name">Jane Doe</div>
                                        <div class="message">
                                            Lorem ipsum Commodo quis nisi ...
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/demo/user-2.jpg" alt="">
                                    <div class="details">
                                        <div class="name">John Doedoe</div>
                                        <div class="message">
                                            Ut ad laboris est anim ut ...
                                        </div>
                                    </div>
                                    <div class="count">
                                        <i class="fa fa-comment"></i>
                                        <span>3</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/demo/user-3.jpg" alt="">
                                    <div class="details">
                                        <div class="name">Bob Doe</div>
                                        <div class="message">
                                            Excepteur Duis magna dolor!
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="components-messages.html" class='more-messages'>
                                    Go to Message center
                                    <i class="fa fa-arrow-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown sett">
                        <a href="#" class='dropdown-toggle' data-toggle="dropdown">
                            <i class="fa fa-cog"></i>
                        </a>
                        <ul class="dropdown-menu pull-right theme-settings">
                            <li>
                                <span>Layout-width</span>
                                <div class="version-toggle">
                                    <a href="#" class='set-fixed'>Fixed</a>
                                    <a href="#" class="active set-fluid">Fluid</a>
                                </div>
                            </li>
                            <li>
                                <span>Topbar</span>
                                <div class="topbar-toggle">
                                    <a href="#" class='set-topbar-fixed'>Fixed</a>
                                    <a href="#" class="active set-topbar-default">Default</a>
                                </div>
                            </li>
                            <li>
                                <span>Sidebar</span>
                                <div class="sidebar-toggle">
                                    <a href="#" class='set-sidebar-fixed'>Fixed</a>
                                    <a href="#" class="active set-sidebar-default">Default</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class='dropdown colo'>
                        <a href="#" class='dropdown-toggle' data-toggle="dropdown">
                            <i class="fa fa-tint"></i>
                        </a>
                        <ul class="dropdown-menu pull-right theme-colors">
                            <li class="subtitle">
                                Predefined colors
                            </li>
                            <li>
                                <span class='red'></span>
                                <span class='orange'></span>
                                <span class='green'></span>
                                <span class="brown"></span>
                                <span class="blue"></span>
                                <span class='lime'></span>
                                <span class="teal"></span>
                                <span class="purple"></span>
                                <span class="pink"></span>
                                <span class="magenta"></span>
                                <span class="grey"></span>
                                <span class="darkblue"></span>
                                <span class="lightred"></span>
                                <span class="lightgrey"></span>
                                <span class="satblue"></span>
                                <span class="satgreen"></span>
                            </li>
                        </ul>
                    </li>
                    <li class='dropdown language-select'>
                        <a href="#" class='dropdown-toggle' data-toggle="dropdown">
                            <img src="img/demo/flags/us.gif" alt="">
                            <span>US</span>
                        </a>
                        <ul class="dropdown-menu pull-right">
                            <li>
                                <a href="#">
                                    <img src="img/demo/flags/br.gif" alt="">
                                    <span>Brasil</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/demo/flags/de.gif" alt="">
                                    <span>Deutschland</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/demo/flags/es.gif" alt="">
                                    <span>España</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/demo/flags/fr.gif" alt="">
                                    <span>France</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="dropdown">
                    <a href="#" class='dropdown-toggle' data-toggle="dropdown">
                        John Doe
                        <img src="img/demo/user-avatar.jpg" alt="">
                    </a>
                    <ul class="dropdown-menu pull-right">
                        <li>
                            <a href="more-userprofile.html">Edit profile</a>
                        </li>
                        <li>
                            <a href="#">Account settings</a>
                        </li>
                        <li>
                            <a href="more-login.html">Sign out</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div> 
    
    <div class="container-fluid" >
        <div id="left" class="ui-sortable ui-resizable">
            <form action="search-results.html" method="GET" class='search-form'>
                <div class="search-pane">
                    <input type="text" name="search" placeholder="Search here...">
                    <button type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </form>
            <div class="subnav">
                <div class="subnav-title">
                    <a href="#" class='toggle-subnav'>
                        <i class="fa fa-angle-down"></i>
                        <span>Content</span>
                    </a>
                </div>
                <ul class="subnav-menu">
                    <li class='dropdown'>
                        <a href="#" data-toggle="dropdown">Articles</a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">Action #1</a>
                            </li>
                            <li>
                                <a href="#">Antoher Link</a>
                            </li>
                            <li class='dropdown-submenu'>
                                <a href="#" data-toggle="dropdown" class='dropdown-toggle'>Go to level 3</a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">This is level 3</a>
                                    </li>
                                    <li>
                                        <a href="#">Unlimited levels</a>
                                    </li>
                                    <li>
                                        <a href="#">Easy to use</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">News</a>
                    </li>
                    <li>
                        <a href="#">Pages</a>
                    </li>
                    <li>
                        <a href="#">Comments</a>
                    </li>
                </ul>
            </div>
            <div class="subnav">
                <div class="subnav-title">
                    <a href="#" class='toggle-subnav'>
                        <i class="fa fa-angle-down"></i>
                        <span>Plugins</span>
                    </a>
                </div>
                <ul class="subnav-menu">
                    <li>
                        <a href="#">Cache manager</a>
                    </li>
                    <li class='dropdown'>
                        <a href="#" data-toggle="dropdown">Import manager</a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">Action #1</a>
                            </li>
                            <li>
                                <a href="#">Antoher Link</a>
                            </li>
                            <li class='dropdown-submenu'>
                                <a href="#" data-toggle="dropdown" class='dropdown-toggle'>Go to level 3</a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">This is level 3</a>
                                    </li>
                                    <li>
                                        <a href="#">Unlimited levels</a>
                                    </li>
                                    <li>
                                        <a href="#">Easy to use</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Contact form generator</a>
                    </li>
                    <li>
                        <a href="#">SEO optimization</a>
                    </li>
                </ul>
            </div>
            <div class="subnav">
                <div class="subnav-title">
                    <a href="#" class='toggle-subnav'>
                        <i class="fa fa-angle-down"></i>
                        <span>Settings</span>
                    </a>
                </div>
                <ul class="subnav-menu">
                    <li>
                        <a href="#">Theme settings</a>
                    </li>
                    <li class='dropdown'>
                        <a href="#" data-toggle="dropdown">Page settings</a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">Action #1</a>
                            </li>
                            <li>
                                <a href="#">Antoher Link</a>
                            </li>
                            <li class='dropdown-submenu'>
                                <a href="#" data-toggle="dropdown" class='dropdown-toggle'>Go to level 3</a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">This is level 3</a>
                                    </li>
                                    <li>
                                        <a href="#">Unlimited levels</a>
                                    </li>
                                    <li>
                                        <a href="#">Easy to use</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Security settings</a>
                    </li>
                </ul>
            </div>
            <div class="subnav subnav-hidden">
                <div class="subnav-title">
                    <a href="#" class='toggle-subnav'>
                        <i class="fa fa-angle-right"></i>
                        <span>Default hidden</span>
                    </a>
                </div>
                <ul class="subnav-menu">
                    <li>
                        <a href="#">Menu</a>
                    </li>
                    <li class='dropdown'>
                        <a href="#" data-toggle="dropdown">With submenu</a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">Action #1</a>
                            </li>
                            <li>
                                <a href="#">Antoher Link</a>
                            </li>
                            <li class='dropdown-submenu'>
                                <a href="#" data-toggle="dropdown" class='dropdown-toggle'>More stuff</a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">This is level 3</a>
                                    </li>
                                    <li>
                                        <a href="#">Easy to use</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Security settings</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="main">
            <div class="container-fluid">
                <div class="page-header">
                    <div class="pull-left">
                        <h1>@ViewBag.PageHeader</h1>
                    </div>
                    <div class="pull-right">
                        <ul class="minitiles">
                            <li class='grey'>
                                <a href="#">
                                    <i class="fa fa-cogs"></i>
                                </a>
                            </li>
                            <li class='lightgrey'>
                                <a href="#">
                                    <i class="fa fa-globe"></i>
                                </a>
                            </li>
                        </ul>
                        <ul class="stats">
                            <li class='satgreen'>
                                <i class="fa fa-money"></i>
                                <div class="details">
                                    <span class="big">$324,12</span>
                                    <span>Balance</span>
                                </div>
                            </li>
                            <li class='lightred'>
                                <i class="fa fa-calendar"></i>
                                <div class="details">
                                    <span class="big">February 22, 2013</span>
                                    <span>Wednesday, 13:56</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="breadcrumbs">
                    <ul>
                        <li>
                            <a href="more-login.html">Home</a>
                            <i class="fa fa-angle-right"></i>
                        </li>
                        <li>
                            <a href="index.html">Dashboard</a>
                        </li>
                    </ul>
                    <div class="close-bread">
                        <a href="#">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="container-fluid" id="content">
                    @RenderBody()
                </div>                 
            </div>
        </div>
    </div>   
    @RenderSection("scripts", required: false)
</body>
</html>
